<%-- 
    Document   : pertanyaan_tawaran_haji
    Created on : Aug 9, 2012, 9:31:25 AM
    Author     : faizal.azlee(Theta-Edge Bhd)
--%>
<%@ taglib uri="http://displaytag.sf.net" prefix="display" %>
<%@ include file="/WEB-INF/jsp/include/page_header.jspf" %>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Cetakan Slip Pendaftaran Haji</title>
        <script type="text/javascript">
            $(document).ready(function(){
                $('form').submit( function () {
                    return formValidation();
                }); 
            });
             function popup(){
                var url = '${pageContext.request.contextPath}/haji?slipRegistration';
                window.open(url);
            }
        </script>
    </head>
    <body>
        <s:messages/>
        <s:errors/> 
        <br/>
        <s:form beanclass="th.stripes.action.HajiActionBean" class="niceform">
           <div id="content">
                <div id="logo">
                    <span>
                        <img src="${pageContext.request.contextPath}/images/img/ribbon.png"/>               
                    </span>
                </div>
                <h3>
                    Cetakan Slip Pendaftaran Haji
                </h3>
                <p>
                <div style='overflow-x:scroll;overflow-y:hidden;width:100%'>                
                    <% 
                    int i = 1;
                    %>
                    <display:table name="${actionBean.haji.senaraiDaftarAhli}" class="tablecloth" id="row" style="width:150%">                       
                        
                        <display:column title="No." style="color: #000"><%=i%></display:column>
                        <display:column title="Nama">${row.nama}</display:column>
                        <display:column title="No. Akaun TH">${row.noAkaun}</display:column>
                        <display:column title="No. Daftar Haji">${row.noDaftarHaji}</display:column>
                        <display:column title="Pejabat Pengendali">${row.pejabatPengendali}</display:column>

                        <%
                            i=i+1;
                        %>    
                    </display:table>
                </div>
                </p>
                <br>
                <p>
                    <label class="lStyle" style="color: #000"><font style="font-family: Courier New; font-size:12;"><b>No. Rujukan</b></font>  :</label> <font style="font-family: Courier New; font-size:12;">${actionBean.haji.noRujukan}</font>&nbsp; 
                </p>
                <p>
                    <label class="lStyle"><font style="font-family: Courier New; font-size:12;"><b>Tahun Peruntukan Haji</b></font> :</label> <font style="font-family: Courier New; font-size:12;">${actionBean.haji.tahunPeruntukanHijrah}H / ${actionBean.haji.tahunPeruntukan}M</font>&nbsp; 
                </p>
                <p>
                    <label class="lStyle"><font style="font-family: Courier New; font-size:12;"><b>Tarikh Daftar Haji</b></font>:</label> <font style="font-family: Courier New; font-size:12;"><fmt:formatDate value="${actionBean.haji.tarikhDaftar}" pattern="dd/MM/yyyy"/></font>&nbsp;  
                </p>
                <p>
                    <label class="lStyle"><font style="font-family: Courier New; font-size:12;"><b>Masa Daftar Haji</b></font>:</label> <font style="font-family: Courier New; font-size:12;"><fmt:formatDate value="${actionBean.haji.tarikhDaftar}" pattern="HH:mm:ss"/></font>&nbsp; 
                </p>
                <p>
                    <label class="lStyle"><font style="font-family: Courier New; font-size:12;"><b>No. Tel THCC</b></font>:</label> <font style="font-family: Courier New; font-size:12;">${actionBean.haji.noTelTHCC}</font>&nbsp; 
                </p> 
                <br>
                                
                <p class="float-left-margin">
                    <font style="font-family: Courier New; font-size:13;"><b>Catatan:-</b></font>
                    <br>
                    <font style="font-family: Courier New; font-size:8;">
                    - Tahun peruntukan adalah sebagai panduan sahaja. TH akan memberikan keutamaan kepada mereka yang belum pernah menunaikan haji                    
                    </font>
                    <br>
                    <font style="font-family: Courier New; font-size:8;">
                    - Tahun peruntukan adalah sebagai panduan sahaja. TH akan memberikan keutamaan kepada mereka yang berumur 75 tahun ke atas, tertakluk kepada kekosongan tempat pada tahun semasa                   
                    </font>
                    <br>
                    <font style="font-family: Courier New; font-size:8;">
                    - Memperolehi kuota dalah termasuk dalam bab istito'ah(kemampuan) yang merupakan salah satu syarat wajib haji
                    </font>
                </p>
                <!--<p>-->
                <p align="center">                 
                    <s:button name="print" value="Cetak" onclick="popup()" class="button green"/>
                </p>
            </div>
        </s:form>
    </body>
</html>
